/*RESET STYLES*/
html, body, div, span, applet, object, iframe,
h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
line-height: 1;
color: black;
background: white;
}
ol, ul {
list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
/*border-collapse: separate;
border-spacing: 0;*/
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}

/*MAIN STYLES*/
h1 {
    font: bold 18px Arial;
    padding: 10px 0;
    margin: 0;
}
h3 {
    font: bold 14px Arial;
    padding: 5px 0;
    margin: 0;
}
h4 {
    font: bold 12px Arial;
    padding: 5px 0;
    margin: 0;
}
body {background-color:#FAFDFD; color:#333; font: normal 11px Arial; background:url('/img/bg_body.jpg') repeat-x center top;}
a {color:#0099CC; text-decoration: underline}
a:hover, a:active, a:focus {color:#EC1C24;}
.input-text {padding:0 3px 1px 4px !important; }
#main {width: 906px; margin:0 auto}
#auth img {vertical-align: middle; margin-right: 10px}
#sign {/*display: block; */width: 55px; height: 18px; /*float:right;*/ background:url('/img/btn_sign.png') no-repeat; border: none; font: normal 11px Arial; margin-left: 22px; cursor: hand; cursor: pointer}
#auth {text-align: right; height: 58px; line-height: 58px; vertical-align: middle}
#aside {float: left; width: 177px; margin-top: 36px}
#content {float: left; width: 729px; }
#menu {height: 36px}
.menu li {float: left; height: 36px; line-height: 36px; vertical-align: middle; text-align: center; margin-left: 1px; background:url('/img/bg_tab_left_inactive.png') no-repeat left center; }
.menu li.first {margin-left: 0}
.menu li span {display: block; height: 36px; background:url('/img/bg_tab_right_inactive.png') no-repeat right center; }
.menu li a {display: block; margin: 0 8px; padding: 0 18px; height: 36px; line-height: 36px; vertical-align: middle; font-size: 12px; text-decoration: none; color: #000; background: #D9EDEE url('/img/bg_tab_center_inactive.png') repeat-x;  }
.menu li.first a {padding: 0 23px;}
.menu li.active {background:url('/img/bg_tab_left_active.png') no-repeat left center; }
.menu li.active span {background:url('/img/bg_tab_right_active.png') no-repeat right center; }
.menu li.active a {padding: 0 11px; font-size: 14px; font-weight: bold; color: #C52687; background-color: #fff; background-image: none;  }

.logo {margin-bottom: 3px}
.block0 {margin: 7px 0 0 0}
.block0 .inner {background:url('/img/bg_block0_middle.gif') repeat-y; text-align: center }
.block0 .inner img{ margin: 15px 0 }
.block0 .inner .items {font: bold 12px Arial; color: #39C}
.block0 .inner .hint {font: normal 9px Arial; color: #333; padding: 14px 0 2px 0}

.block2 .inner {background:url('/img/bg_block2_middle.png') repeat-y; /*min-height: 600px*/ }
.block3 { width: 705px; margin-left: 10px; padding-top: 10px }
.block3 .page { padding: 0 }

.page_inner {padding: 10px 15px; border-left: 1px solid #EEEEE5; border-right: 1px solid #EEEEE5;}

.footer {margin-top: 5px; height: 45px; line-height: 45px; vertical-align: middle; background:url('/img/bg_footer.png') no-repeat }
.footer a {color: #1D8CD2; font: normal 12px Arial; text-decoration: none; padding: 0 17px}
.footer .split {color: #999; font-size: 14px}
.footer .copyright {color: #333; font: bold 12px Arial; margin: 0 45px 0 21px}

.t-center {text-align: center}
.f-left {float: left}
.f-right {float: right}
.gap20 {height: 20px; font-size: 20px; clear: both}
.gap15 {height: 15px; font-size: 15px; clear: both}
.gap10 {height: 10px; font-size: 10px; clear: both}
.gap8 {height: 8px; font-size: 8px; clear: both}
.gap5 {height: 5px; font-size: 5px; clear: both}
.gap3 {height: 3px; font-size: 3px; clear: both}
a.title {font: bold 18px Arial}
.blue {color: #39C}
table.item {width: 100%}
table.item td {padding: 6px; vertical-align: top; overflow: hidden}
table.tags td {padding: 0 10px 3px 0}
table.odd {background-color: #FEFEFE}
table.even {background-color: #F4F9FB}
.short_desc {margin: 10px 0}
.test_price {width: 98px; height: 55px; background:url('/img/bg_price.png') no-repeat; font: bold 24px Arial; text-align: center; vertical-align: middle; line-height: 55px; margin-bottom: 11px}
.schedule_test {width: 101px; height: 27px; background:url('/img/btn_schedule_test.png') no-repeat}
.btn_search {width: 101px; height: 27px; background:url('/img/btn_search.png') no-repeat}
.menu_test {width: 563px}
.menu_test .inner {border-left: 1px solid #E7E7E7; border-right: 1px solid #E7E7E7; min-height: 14px; background: none}
.menu_test ul {height: 14px; clear: both}
.menu_test li {float: left;}
.menu_test li a {display: block; margin-left: 31px; height: 14px; padding: 0 20px 0 5px; color: #666; font: normal 11px Arial; text-decoration: none; background:url('/img/ico_arrow_bottom.png') no-repeat right center }
.menu_test li.first a {margin-left: 14px;}
.menu_test li a.selected {background:url('/img/ico_arrow_top.png') no-repeat right center; color: #C39; font-weight: bold}
.menu_test .menu_item {padding: 10px 20px; display: none}
.total_votes {color: #999; font: bold 9px Arial; float: left; height: 16px; line-height: 16px; vertical-align: middle; display: block; margin: 1px 0 0 20px; padding: 0 0 0 10px; background:url('/img/split_v1.gif') no-repeat left center }

.submenu {width: 100%; }
.submenu .inner {min-height: 33px; background: none}
.submenu ul {height: 33px; clear: both; margin-top: -10px; z-index: 1000}
.submenu li {float: left; height: 33px; vertical-align: middle; margin:0 auto; border-bottom: 1px solid #EEEEE5; }
.submenu li a { margin: 0 10px 0 15px; height: 33px; line-height: 33px !important; padding: 0 15px 0 5px; color: #666; font: normal 11px Arial; text-decoration: none; background:url('/img/ico_arrow_bottom.png') no-repeat right center; vertical-align: middle; }
.submenu li.first a {margin-left: 22px;}
.submenu li.selected {background:url('/img/bg_tab_right_active_submenu.png') no-repeat right top !important; border-bottom: none}
.submenu li.selected div {background:url('/img/bg_tab_left_active_submenu.png') no-repeat left top;}
.submenu li.selected a {background:url('/img/ico_arrow_top.png') no-repeat right center; color: #C39; font-weight: bold}
.submenu li.first,
/*.submenu li.last div {background:none}*/
.submenu li.first{background:url('/img/bg_submenu_left_corner.gif') no-repeat left top}
.submenu li.last{background:url('/img/bg_submenu_right_corner.gif') no-repeat right top !important}
/*.submenu li div {height: 33px; background:url('/img/ico_arrow_top.png') no-repeat right center; }*/

/* MESSAGES */
.msg.warning {border:2px solid #F2DD8C; background-color:#FFF5CC;}
.msg.warning a {color:#df0000;} .msg.warning a:hover, .msg.warning a:active, .msg.warning a:focus {color:#303030;}
.msg.info {border:2px solid #B8E2FB; background-color:#E8F6FF;}
.msg.done {border:2px solid #BBDF8D; background-color:#EAF7D9;}
.msg.error {border:1px solid #FFAEAE; }

.msg {padding:10px; padding-left:35px; margin-top:0; margin-bottom:10px}
.msg.warning {background:url("/img/ico-warning.gif") 10px 50% no-repeat;}
.msg.info {background:url("/img/ico-info.gif") 10px 50% no-repeat;}
.msg.done {background:url("/img/ico-done.gif") 10px 50% no-repeat;}
.msg.error {background:#FEEBEB url("/img/ico-delete.gif") 10px 50% no-repeat;}

/* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */
div.rating-cancel,div.star-rating{float:left;width:17px;height:15px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden}
div.rating-cancel,div.rating-cancel a{background:url(/img/delete.gif) no-repeat 0 -16px}
div.star-rating,div.star-rating a{background:url(/img/star.gif) no-repeat 0 0px}
div.rating-cancel a,div.star-rating a{display:block;width:16px;height:100%;background-position:0 0px;border:0}
div.star-rating-on a{background-position:0 -16px!important}
div.star-rating-hover a{background-position:0 -32px}
/* Read Only CSS */
div.star-rating-readonly a{cursor:default !important}
/* Partial Star CSS */
div.star-rating{background:transparent!important;overflow:hidden!important}
/* END jQuery.Rating Plugin CSS */


.login {width: 304px; margin:0 auto; text-align: center; }
.box_login { margin-bottom: 10px; }
.box_login .inner {margin-top:-9px; padding: 0 20px; text-align: left; background: url('/img/bg_middle.png') repeat-y; }
.box_login .text {width: 250px; height: 27px; margin: 5px 0; border: 1px solid #D9D9D9}
.enter { background: url('/img/bg_btn_enter.png') no-repeat; color: #fff; font: normal 14px Arial; border: none; width: 65px; height: 34px}
.login label {
    display: block;
    font: bold 12px Arial;
}

.error{
	color: #f00
}
.hide{
	display: none
}
.show{
	display: block
}
.obligatory {
    color: #FF0000;
}

#content table th{font-weight: bold; padding: 4px}
#content table th.first {padding-left:0}
#content table td {padding: 4px; }

/*
**Colors
*/
.darkgray {color: #333}
.gray {color: #666666}
.blue {color: #09C}
.bg_pink {background-color: #C52687}

.v-top {vertical-align: top}
.tbl_1  {
	margin: 0 auto
}
.tbl_1 td {
	padding: 8px !important
}
.date {
	background: url('/img/bg_date.png') no-repeat;
	width: 40px;
	height: 39px;
	padding: 9px 4px 0 4px ;
	color: #C39
}
.date .year{font-weight: bold; font-size: 13px}
.notify .date {
	color: #fff
}
tr.odd, .odd {
    background-color: #EEF6F7 !important;
}

.tbl_2 th{font: bold 11px Arial; border-bottom: 2px solid #E1E1E1;  border-right: 1px solid #fff; padding: 5px !important; white-space: nowrap}
.tbl_2 td{border-bottom: 1px solid #EBEBEB; border-right: 1px solid #fff; padding: 7px !important; font: normal 11px Arial; color: #666666 }
.tbl_2 tr.expanded td{border-bottom: none; padding-bottom: 0 !important}
.tbl_upgrade th{font: bold 16px Arial; color: #000; text-align: center; border-bottom: 2px solid #E1E1E1}
.tbl_upgrade td{ text-align: center}
.nowrap {white-space: nowrap !important}

/* Pagination
------------------------------- */
.pagination
{
	clear: both;
	font: normal 12px Arial;
	text-align: center	
}
.pagination span.pages {font-weight: bold; color: #333}
.pagination a {
	text-decoration: none;
	font: normal 12px Arial;
	display: block;
	width: 17px;
	height: 17px;
	line-height: 17px;
	vertical-align: middle
}
.pagination .btn{
    width: 18px;
	height: 18px;
	cursor: pointer;
}
.pagination span.digit a{
	1text-decoration: underline;
	font-weight: bold
}
.pagination span.digit{
	margin:0 3px;
	display: block; 
	float: left; 
	border: 1px solid #D7D7D7; 
	width: 17px; 
	height: 17px;
	text-align: center
}
.pagination span.currentLink{
	margin:0 3px;
	background-color: #C39;
	color:#fff;
	display: block; 
	float: left; 
	width: 18px; 
	height: 18px;
	text-align: center;
	font: bold 12px Arial;
	line-height: 18px;
	vertical-align: middle
}

.notify td {
	color: #fff;
}
.notify td.td_empty{
	font-size: 3px;
	height: 5px; 
	padding: 0 !important
}
.submenu #recent {width: 250px}
.submenu #notifications {width: 455px}
.submenu #billing {width: 130px}
.submenu #credit_cards {width: 180px}
.submenu #upgrade {width: 237px}
.submenu #profile {width: 158px}
.submenu #results {width: 110px}
.submenu #archive {width: 595px}

form.styled div.form_element {
    background: none repeat scroll 0 0 transparent;
    float: left;
    margin-bottom: 0;
    margin-right: 17px;
}
form.styled div.form_element p.button {
    background: url("/img/select_bg_blue_24.png") no-repeat scroll left top transparent;
    float: left;
    height: 25px;
    line-height: 25px;
    margin-bottom: 5px;
    margin-right: 10px;
    width: 100%;
}
form.styled div.form_element p.button a {
    background: url("/img/select_slide_blue_24.png") no-repeat scroll right top transparent;
    display: block;
    height: 25px;
    line-height: 23px;
    margin-right: -13px;
    padding: 0 0 0 13px;
    text-decoration: none;
}
form.styled div.form_element p.button a, form.styled div.form_element ul li {
    color: #2A65A6;
    font-size: 11px;
    font-weight: bold;
}
form.styled div.form_element p.button a span.arrow {
    background: url("/img/select_arrow_sprite.png") no-repeat scroll 0 -4px transparent;
    float: right;
    margin: 10px 13px 0 0;
    overflow: hidden;
    padding: 2px 4px;
}
form.styled div.form_element p.button a {
    line-height: 23px;
    text-decoration: none;
}
form.styled div.form_element p.button a, form.styled div.form_element ul li {
    color: #2A65A6;
    font-size: 11px;
    font-weight: bold;
}
form.styled div.form_element .drop_wrap {
    background: url("/img/select_drop_slide_24.png") no-repeat scroll right bottom transparent;
    margin-top: 23px;
    padding-right: 13px;
    position: absolute;
    width: 100%;
    z-index: 1000;
}
form.styled div.form_element ul {
    background: url("/img/select_drop_bg_24.png") no-repeat scroll left bottom transparent;
    margin: 0 -1px 0 0;
    padding: 5px 0 11px 2px;
}
form.styled div.form_element p.active {
    background-image: url("/img/select_bg_open_blue_24.png");
}
form.styled div.form_element p.active {
    background-image: url("http://cdn.okccdn.com/media/img/forms/select_bg_open_blue_24.png");
}
form.styled div.form_element p.active a {
    background-image: url("/img/select_slide_open_blue_24_b.png");
}
form.styled div.form_element ul li {
    cursor: pointer;
    line-height: 22px;
    padding: 0 0 0 10px;
    width: 100%;
}
form.styled div.form_element p.button a, form.styled div.form_element ul li {
    color: #2A65A6;
    font-size: 11px;
    font-weight: bold;
}
form.styled div.form_element ul li.hover{
	background-color: #F8FAFC
}
form.styled div.form_element ul li.disabled {
    background: none repeat scroll 0 0 #E7EEF5;
    opacity: 0.3;
}
#author{
	display: none;
	background-color: #ccc;
	border: 1px solid blue;
	width: 400px;
	position: absolute;
	top: 0;
	left: 0
}

#eventForm {display:none; background-color: #DFEFF0; padding: 10px; margin-bottom: 30px}
#content table.candidates th{padding:2px !important; text-align: center !important; margin:0 auto !important;}
#content table.candidates td{padding:2px !important; margin:0 auto !important;}
#content table.candidates div{text-align: center !important; margin:0 auto !important;}
#drop_area ol{
	width: 420px
}
#drop_area ol li{
	padding: 5px 10px;
	width: 285px;
	position: relative
}
#drop_area .ui-sortable li{
	background-color: #FEAEC9;
	font-size: 12px;
	border: 1px solid #000;
	margin: 5px 5px 5px 60px
}
#drop_area li .remove{
	right: 10px;
	top: 5px;
	position: absolute;
	display: block;
	width: 16px;
	height: 16px;
	background: url("/img/close.png") no-repeat;
	text-indent: -9999px
}

.tag{cursor: default !important}
.tag a{margin-right: 5px}
.marketplace .item .title{}
#time {font-size: 16px}
.dropped {display: block; width: 100px; padding: 5px; background-color: #FEAEC9;}
/*ico-delete.gif*/